<template>
  <div style="background: #eee;padding: 1px;">
    <!-- <router-link tag="div" :to="{name:'Post',params:{postId:postId}}"> -->
    <router-link tag="div" :to="'/detail/'+postId+'.html'">
    <div>
      <p>id: {{postId}}</p>
      <p>标题：{{title}}</p>
      <p>内容：{{content}}</p>
    </div>
     </router-link>
  </div>
</template>

<script>
export default {
  name: 'PostList',
  props: {
    postId: {
      type: Number,
      default: 0
    },
    title: {
      type: String,
      default: ''
    },
    content: {
      type: String,
      default: ''
    },
    postCount: {
      type: Number,
      default: 0
    }
  }
}
</script>

<style scoped>

</style>
